.datetime-picker-wrap {
    z-index: 10000;
    .selector-wrap {
        display: flex;
        align-items: center;
        background: #FFFFFF;
        color: #9BA0AA;
        padding: 0 20px;
        .select-item {
            flex: 1;
            font-size: 30px;
            padding: 12px 0;
            text-align: center;
        }
    }
    .wrapper {
        .model-box-bg {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 10000;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.3;
        }
        .model-box {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 999999;
            width: 100%;
            background: #fff;
        }

        .model-picker {
            position: relative;
            .button-model {
                height: 80px;
                width: 100%;
                background: #fff;
                position: relative;
                border-bottom: 1px solid #d9d9d9;
                .btn-txt {
                    color: #007aff;
                    position: absolute;
                    background: transparent;
                    border: none;
                    line-height: 80px;
                    &:first-child {
                        left: 32px;
                    }
                    &:last-child {
                        right: 32px;
                    }
                }
            }
            .pick-view {
                width: 100%;
                height: 600px;
                .picker-view-column {
                    text-align: center;
                    .pick-view-column-item {
                        line-height: 50PX;
                    }
                }
            }

        }
    }
}





